// 基于准备好的dom，初始化echarts实例
window.renderAreaGMV = (chart, data) => {
    const colors = [
        "#378df6",
        "#ff6357",
        "#ff9b3c",
        "#b4fea0"
    ]
    data = data.sort(function (a, b) { return b.value - a.value; });
    data.forEach((element, id) => {
        if(colors[id])
        element.itemStyle= {
            normal: {
                color: colors[id],
            }
        }
    })
    data = data.sort(function (a, b) { return a.value - b.value; });
    var option = {
        title:{
            // text: "本日各地区 GMV 占比",
            textStyle: {
                formatter:"{before}",
                color: "#ccc",
            }
        },
        tooltip : {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        series : [
            {
                size: "50%",
                radius : [30, 70],
                roseType : 'radius',
                name:'本日各地区 GMV 占比',
                type:'pie',
                center: ['50%', '50%'],
                data,
                label: {
                    normal: {
                        formatter: '{b}(¥{c})',
                        textStyle: {
                            color: '#ccc'
                        }
                    }
                },
                labelLine: {
                    normal: {
                        lineStyle: {
                            color: '#ccc'
                        },
                        smooth: 0.2,
                        length: 10,
                        length2: 20,
                    }
                },
                // itemStyle: {
                //     normal: {
                //         color: colors,
                //         shadowBlur: 200,
                //         shadowColor: 'rgba(0, 0, 0, 1)'
                //     }
                // },

                animationType: 'scale',
                animationEasing: 'elasticOut',
                animationDelay: function (idx) {
                    return Math.random() * 200;
                }
            }
        ]
    };
    // 使用刚指定的配置项和数据显示图表。
    chart.setOption(option);
};